#{extends 'mana-main.html'/}
#{set photoManageActive :"active" /}
#{set title:"图片管理"/}
<style type="text/css">
    table
    {
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
        padding: 5px;
        height: auto;
        width: 420px;
    }
    th                              /* 列表标题样式 */
        {
        color: #4f6b72;
        border: 1px solid gray;
        letter-spacing: 2px;
        text-transform: uppercase; /* 标题英文转为大写 */
        padding: 6px 6px 6px 12px;
        background: #CAE8EA;
        width: 75px;
        border-radius: 3px;         /* 圆角，水平半径为3px */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    td                              /* 单元格样式 */
        {
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border-bottom: 1px solid;
        background: #fff;
        font-size: 11px;
        padding: 6px 6px 6px 12px;
        color: #4f6b72;
        border-radius: 3px;         /* 圆角，水平半径为3px */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    img                             /* 预览图片样式 */
        {
        max-width: 60px;
        max-height: 60px;
    }
</style>
	<br>
	<br>
	<br>
	<br>
	<br>
<div class="row-fluid">

    <div class="span3">
        <div class="well sidebar-nav white">
            <ul class="nav nav-list">
                <li class="nav-header">图片设置</li>
                <li><a href="#">添加图片</a></li>
                <li><a href="@{Photos.index(0)}">管理图片</a></li>
            </ul>
        </div>
    </div><div class="span9 white">
    <div class="block-content">
        <form  method = "post" action="@{Photos.savePhoto}" enctype="multipart/form-data">

            <div class="form-group">
                <span class="help-block">图片格式暂时只支持PNG, JPG</span>

                <label for="exampleInputFile">请选择一张图片</label>
                <input type="file" name="image" id="multi-file" multiple/>
                <table id="file-list"><tr><th>文件名</th><th>类型</th><th>大小</th><th>预览</th></tr></table>
            <button type="submit" class="btn btn-default">确定</button>
            </div>
        </form>
    </div>
</div>
</div>
<script src="@{'/public/javascripts/fileReader.js'}" type="text/javascript"></script>
